<html>
    <head>
        <meta charset="UTF-8">
        <title>文档的加载</title>
        <script type="text/javascript">
            /*
                onload事件在页面或者图像加载完成之后触发
            */

            window.onload = function()
            {
                alert("你好啊");
            }
        </script>
    </head>

    <body>
        <button id = "btn">点我一下</button>
        <script type="text/javascript">

            /*
                浏览器在加载一个页面时，是按照自上而下的顺序加载的
                    读取到一行就运行一行，如果将script标签写到上面
                    在代码执行时，页面没有加载，导致无法获取到DOM对象
            */
            var btn = document.getElementById("btn");

            btn.onclick = function()
            {
                alert("别烦我");
            }
        </script>
    </body>
</html>